<template>
	<div class="order-number mt16">
		<div class="order-l">
			<p>订单编号：</p><span>37291937490301393</span>
		</div>
		<div class="order-r">未支付</div>
	</div>
		
</template>

<script type="text/javascript">
import Vue from 'vue';

export default {
	  methods: {
	  	
	  }
}
	

</script>


<style lang="scss">
	@import "../../assets/css/_functions.scss";	
	@import "../../assets/css/_variables.scss";	
	.order-number{
		width: rem(375);
		height: rem(44);
		line-height: rem(44);
		background: #fff;
		padding: 0 rem(15);
		font-size:rem(14);
		color:#333333;
		display: flex;
		justify-content:space-between;
		.order-l{
			display: flex;
			justify-content:flex-start;

		}
		.order-r{
			color:#ff6600;
		}

	}
	
</style>